/****************************************排版******************************************/
.zbl-grid{font-size: 0;box-sizing: border-box;letter-spacing:0px;}
.zbl-grid .lump{vertical-align: top;box-sizing: border-box;display:inline-block;font-size: 14px;}
/*****************************************选项卡******************************************/
.zbl-tab-1 .nav-box .li-box{cursor: pointer;}
.zbl-tab-2 .nav-box .li-box{cursor: pointer;}
/****************************************显示隐藏******************************************/
.zbl-list .btn{cursor: pointer;}
.zbl-list ul ul{display: none;}
/****************************************图片******************************************/
.zbl-img{position: relative;width:100%;padding-top:100%;overflow: hidden;}
.zbl-img img{display: block;position: absolute;}
.l-box-6 .zbl-img img{ left:0 !important; margin-left:0 !important; width:100% !important; height:auto !important}
.l-box-6 .lump .tp .zbl-img{ padding-top:100% !important;}
/****************************************更多的hover效果******************************************/
@media only screen and (min-width:1023px) {
	/*------------------更多一--------------*/
	.zbl-more-1{position: relative;}
	.zbl-more-1 span{position: relative;z-index: 1;}
	.zbl-more-1:after{content: "";position:absolute;bottom:0;left:0;width: 0;height: 100%;transition:0.3s;background:#ccc;}
	.zbl-more-1:hover:after{width: 100%;}
	.zbl-more-1:hover span{color: #fff;}
	/*------------------更多三--------------*/
	.zbl-more-2{text-align:center;overflow:hidden; position: relative;}
	.zbl-more-2 span{position: relative;z-index: 1;}
	.zbl-more-2:hover:before{content: ""; position:absolute;animation:moreleft 0.5s; -webkit-animation: moreleft 0.5s; animation-fill-mode:forwards;background:#ccc; }
	.zbl-more-2:hover:after{content: ""; position:absolute;animation:moreright 0.5s; -webkit-animation: moreright 0.5s; animation-fill-mode:forwards ;background:#ccc;}
	.zbl-more-2:hover span{color: #fff;}
	@keyframes moreleft{
		0%{  border-radius:50%;width:20%; height:80%; top:10%; left:0%;}
		40%{  border-radius:50%;width:20%;height:80%; top:10%; left:60%;}
		50%{  border-radius:50%;width:20%;height:80%; top:10%; left:60%;}
		100%{  width:100%; height:100%; top:0; left:0;background:#ccc;}
		}
	@keyframes moreright{
		0%{  border-radius:50%;width:20%; height:80%; top:10%;right:0%;}
		40%{  border-radius:50%;width:20%; height:80%;top:10%; right:60%;}
		50%{  border-radius:50%;width:20%; height:80%;top:10%; right:60%;}
		100%{  width:100%; height:100%;top:0;right:0;background:#ccc;}
		}
	.zbl-more-3{text-align:center;overflow:hidden; position: relative;}
	.zbl-more-3 span{position: relative;z-index: 1;}
	.zbl-more-3:before{content: "";position: absolute;width: 0;height: 100%;top:0;left:0;background: #ccc;transition: 0.3s;}
	.zbl-more-3:after{content: "";position: absolute;width: 0;height: 100%;top:0;right:0;background: #ccc;transition: 0.3s;}
	.zbl-more-3:hover:before{width: 50%;}
	.zbl-more-3:hover:after{width: 50%;}
	.zbl-more-3:hover span{color: #fff;}
}
/*********************************************模糊*******************************************************/	
@media only screen and (min-width:1023px) {
	.zbl-mohu{overflow: hidden;}
	.zbl-mohu img{transition: 0.5s;}
	.zbl-mohu:hover img{filter: url(blur.svg#blur);-webkit-filter: blur(2px);-moz-filter: blur(2px);-ms-filter: blur(2px);filter: blur(2px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=2, MakeShadow=false);}
}